<h1>{{title}}</h1>
<!-- 获取菜单遍历 -->
<ul>
  <li *ngFor="let one of menu">
    <span>{{one.id}}</span> <a routerLink="{{one.url}}" (click)="itemClicked(one);">{{one.name}}</a>
    <!-- 二次联动菜单 -->
    <ul [hidden]="!one.isExpend" *ngIf="!isLeaf(one)">
      <li *ngFor="let two of one.children">
        <span>{{two.id}}</span> <a routerLink="{{two.url}}" (click)="itemClicked(two);">{{two.name}}</a>
        <!-- 三次联动菜单 -->
        <ul [hidden]="!two.isExpend">
          <li *ngFor="let theree of two.children">
            <span>{{theree.id}}</span> <a routerLink="{{theree.url}}">{{theree.name}}</a>
          </li>
        </ul>
      </li>
    </ul>  
  </li>
  <router-outlet></router-outlet>
</ul>

